/*all pages can use class */

/*login style*/
.login_user{
    margin: 4px 0;
    padding:5px 10px;
}
.login_user:hover{
    background: #eee;
}

.systemnameAndOperate_margin{
    margin-right: 40px;
    margin-left: 40px;
}
/*\login style*/

/*radio,cheeckbox style*/
span.checkbox, span.radio{
    cursor:pointer;}
.checkbox, .radio {
    width: 15px;
    height: 20px;
    padding: 0 25px 5px 0;
    position:relative;
    bottom:3px;
    background: url(./forms/checkbox.png) no-repeat;
}
.radio {
    background: url(./forms/radio.png) no-repeat;
}
select.styled {
    position: relative;
    width: 190px;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 5;
}
input.styled {
    display: none;
}
/*\radio,cheeckbox style*/

/*systemname style */
.system_name_div{
    background-color:#054780;
    text-align:center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.system_name{
    font-weight:bold;
    font-size:4vw;
    color: white;
}
/*\systemname style */

/*footer title*/
.footer_title{
    color: white;
}
.footer_padding{
    padding-top: 10px;
    padding-bottom: 15px;
}
/*\footer title*/

/*main content*/
.product_content_div{
    margin: 10px 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: white;
}
.product_content_title{
    width: auto;
    height: 40px;
    overflow: hidden;
    margin-top: 4px;
}
.product_content_img{
    border: 1px solid black;
}
.product_content_button{
    padding: 4% 5% 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.product_content_button_marginRight{
    margin-right: 5%;
}
/*\main content*/

/*input:number*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;}
input[type="number"]{-moz-appearance:textfield;}
/*\input:number*/

/*warning*/
.warn{
    color: red;
}
/*\warning*/

@media screen and (min-width: 1368px) {
    .system_name{
        font-size:60px;
    }
}
